<page-header [content]="content"  [title]="'寄语'">
  <ng-template #content>
    <p>骐骥千里,非一日之功，冰冻三尺，非一日之寒。
    </p>
    <div class="d-flex pt-md">
      <a class="d-flex pr-lg" target="_blank" href="https://www.csdn.net/">
        <img class="pr-sm" src="https://g.csdnimg.cn/static/logo/favicon32.ico" />
      </a>
      <a class="d-flex pr-lg" target="_blank" href="https://www.nowcoder.com/">
        <img class="pr-sm" src="https://static.nowcoder.com/fe/file/logo/1.png" width="90px"/>
      </a>
      <a class="d-flex pr-lg" target="_blank" href="https://leetcode-cn.com/">
        <img class="pr-sm" src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/logo-dark-cn.c42314a8.svg"/>
      </a>
      <a class="d-flex" target="_blank" href="https://www.cnblogs.com/">
        <img class="pr-sm" src="https://www.cnblogs.com/images/logo.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM" />
      </a>
    </div>
  </ng-template>
</page-header>

<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24">
    <nz-card nzTitle="技术栈" [nzBordered]="false" [nzLoading]="loading" class="ant-card__body-nopadding mb-lg project-list">
      <div *ngFor="let item of notice" nz-card-grid class="project-grid">
        <nz-card [nzBordered]="false" class="ant-card__body-nopadding mb0">
          <nz-card-meta [nzTitle]="noticeTitle" [nzDescription]="item.description">
            <ng-template #noticeTitle>
              <div class="card-title">
                <nz-avatar [nzSrc]="item.logo" [nzSize]="'small'"></nz-avatar>
                <a [href]="item.href" target="_blank">{{item.title}}</a>
              </div>
            </ng-template>
          </nz-card-meta>
          <div class="project-item">
            <!-- <a (click)="msg.info('show user: ' + item.member)">{{item.member}}</a>
                <span *ngIf="item.updatedAt" class="datetime" title="{{item.updatedAt}}">
                  {{item.updatedAt | _date: 'fn' }}
                </span> -->
          </div>
        </nz-card>
      </div>
    </nz-card>

  </div>


</div>


<!-- 更多资料  -->
<nz-row nzGutter="24">
  <nz-col nzSpan="24">
    <nz-card nzTitle="友情链接" [nzBordered]="false" [nzBodyStyle]="{'padding-top.px': 12, 'padding-bottom.px': 12 }" class="mb-lg">
      <div class="members">
        <div nz-row [nzGutter]="48">
          <div nz-col [nzSpan]="12" *ngFor="let i of members">
            <a href="{{i.link}}" target="_blank">
              <nz-avatar [nzSrc]="i.logo" [nzSize]="'small'"></nz-avatar>
              <span class="member">{{i.title}}</span>
            </a>
          </div>
        </div>
      </div>
    </nz-card>
  </nz-col>
</nz-row>
